<template>
  <div>
    <a-button type="primary">编辑</a-button>

    <div style="margin-top：50px;">
      <a-descriptions title=" ">
        <a-descriptions-item label="入职项目">{{projectName}}</a-descriptions-item>
        <a-descriptions-item label="入职部门">{{contractInfos.deptName}}</a-descriptions-item>
        <a-descriptions-item label="入职岗位">{{contractInfos.postName}}</a-descriptions-item>
        <a-descriptions-item label="入职时间">{{contractInfos.contractBeginDate}}</a-descriptions-item>
        <a-descriptions-item label="合同类型">{{contractInfos.contractType}}</a-descriptions-item>
        <a-descriptions-item label="是否电子合同">{{contractInfos.electronicIf}}</a-descriptions-item>
        <a-descriptions-item label="签署状态">{{contractInfos.status=="Corvidae"?"待完善":contractInfos.status=="Wait"?"待签署":contractInfos.status=="Process"?"签署中":contractInfos.status=="Success"?"签署成功":contractInfos.status=="Fail"?"签署失败":contractInfos.status=="Refuse"?"拒签":contractInfos.status=="Cancel"?"取消签署":""}}</a-descriptions-item>
        <a-descriptions-item label="用工性质">{{contractInfos.jobNature}}</a-descriptions-item>
        <a-descriptions-item label="工作制">{{contractInfos.jobDuty}}</a-descriptions-item>
        <a-descriptions-item label="合同开始时间">{{contractInfos.jobPlace}}</a-descriptions-item>
        <a-descriptions-item label="合同结束时间">{{contractInfos.contractEndDate}}</a-descriptions-item>
        <a-descriptions-item label="试用期">{{contractInfos.trialPeriodMonth}}</a-descriptions-item>
        <a-descriptions-item label="基本薪资">{{contractInfos.salaryAmt}}</a-descriptions-item>
        <a-descriptions-item label="试用期薪资">{{contractInfos.trialSalaryAmt}}</a-descriptions-item>
        <br />
        <a-descriptions-item label="是否有亲朋好友同行" :span="2">
          <div></div>
        </a-descriptions-item>
        <br />
        <a-descriptions-item label="发起签约时间">{{contractInfos.signStartTime}}</a-descriptions-item>
        <a-descriptions-item label="发起完成日期">{{contractInfos.signEndTime}}</a-descriptions-item>
      </a-descriptions>
    </div>
  </div>
</template>

<script>
export default {
  name: "tabs2",
  props: {
    contractInfos: Object,
    projectName: String
  },
  data () {
    return {
      editClkFlag: false,
      layoutType: "horizontal",
    };
  },
  methods: {
    editclkFn () {
      this.editClkFlag = true;
      this.layoutType = "vertical";
    },

    cancelBtnClkFn () {
      this.editClkFlag = false;
      this.layoutType = "horizontal";
    },
  },
};
</script>

<style scoped leng="less">
.infos {
  width: 100%;
  margin-left: 20px;
}

.infos div:first-of-type {
  align-items: center;
  justify-content: flex-start;
}

.basicInfo_div {
  color: #a2a2a2;
}

.basicInfo_div p {
  margin-bottom: 0;
}

.tabs_div {
  margin-top: 20px;
}

.editable-add-btn {
  margin: 10px 0;
}

.dsp_flex {
  display: flex;
  display: -webkit-flex;
}

.c_a2 {
  color: #a2a2a2;
}

.desc_p {
  align-items: center;
}

.float_right {
  float: right;
}
</style>